@charset "utf-8";
/* CSS Document */

html,body{
margin:0;
padding:0;
height:100%;
width:100%;
min-width:86px;
min-height:400px;
}


body{
font-family:'ralewayextralight', 'Hiragino Sans GB', 'Microsoft YaHei', Helvetica, sans-serif;
font-size:16px;
color:#fff;

-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;


overflow-x: hidden;
overflow-y: auto;
}

.cn{
font-family:'Hiragino Sans GB', 'Microsoft YaHei', Helvetica, sans-serif;
}

body.pageHome{
 text-align:center;
background:#08090c;

overflow:hidden;
}

.wrapper{
height:100%;
width:100%;
}

.section{
height:100%;
width:100%;
position:relative;
overflow:hidden;
}

.pageContainer{
 height:100%;
 margin:0 auto;
 position:relative;
 z-index:100;
}




.sliderWrap{
width:100%;
height:100%;
}
.sliderWrapInner{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:1;
}


.sliderWrap .sliderBanner{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
display:none;
}

.sliderWrap .imgWrap{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background-size:cover;
}


.sliderWrap .sliderBanner img{
max-width:20000;
display:none;
}

.thumbWrap{
 position:absolute;
 width:100%;
 height:50px;
 text-align:center;
 left:0;
 bottom:50px;
 z-index:99;
}

.thumbWrap .thumb{
 width:50px;
 height:50px;
 text-align:center;
 line-height:50px;
 background:rgba(255,255,255,0.5);
 display:inline-block;
 margin:0 10px;
 cursor:pointer;
 font-size:24px;

 
 
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
 
 -webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}
 
 .thumbWrap .thumb.active{
  background: #0000c0;
background: -moz-linear-gradient(-45deg,  #0000c0 0%, #af2c79 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0000c0), color-stop(100%,#af2c79));
background: -webkit-linear-gradient(-45deg,  #0000c0 0%,#af2c79 100%);
background: -o-linear-gradient(-45deg,  #0000c0 0%,#af2c79 100%);
background: -ms-linear-gradient(-45deg,  #0000c0 0%,#af2c79 100%);
background: linear-gradient(135deg,  #0000c0 0%,#af2c79 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000c0', endColorstr='#af2c79',GradientType=1 );
}
 
 
 
.sliderBanner .imgWrap.workBefore{
 z-index:4;
}
.sliderBanner .imgWrap.workAfter{
 z-index:2;
} 
 
 
 
 .footer{
 font-size:14px;
 color:#eee;
 font-family:Arial, Helvetica, sans-serif;
 position:absolute;
 width:100%;
 height:30px;
 bottom:10px;
}

 
 
 
 
 
 
 
 
 


